<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="/HUAWEI/css/buyNow.css">
<body>
    <!-- 黑色导航栏 start -->
    <div class="blank-nav">
        <nav class="blank">
            <ul class="left-nav">
                <li><a href="#">首页</a><span>|</span></li>
                <li><a href="#">消费者业务网站</a><span>|</span></li>
                <li><a href="#">优购码</a><span>|</span></li>
                <li><a href="#">企业商用</a><span>|</span></li>
                <li><a href="#">Select Region</a><span>|</span></li>
                <li class="dropdown">
                    <a href="#">更多精彩</a>
                    <div class="more">
                        <p>HarmonyOS</p>
                        <p>应用市场</p>
                        <p>华为终端云空间</p>
                        <p>开发者联盟</p>
                    </div>
                </li>
            </ul>
            <ul class="rigth-nav">
                <li><a href="#">请登录</a><span>|</span></li>
                <li><a href="#">注册</a><span>|</span></li>
                <li><a href="#">我的订单</a><span>|</span></li>
                <li><a href="#">联系客服</a><span>|</span></li>
                <li><a href="#">网站导航</a>
                    <span>|</span>
                    <table class="wzdh">
                        <tr>
                            <th colspan="2" rowspan="6">商城首页</th>
                            <th>频道</th>
                            <th></th>

                            <th>产品</th>
                            <th></th>

                            <th>增值服务</th>
                            <th></th>

                            <th>会员</th>
                            <th>商城广告</th>
                        </tr>
                        <tr>
                            <td>智慧办公</td>
                            <td>鸿蒙智家</td>
                            <td>手机</td>
                            <td>穿戴</td>
                            <td>手机服务</td>
                            <td>电脑平板服务</td>
                            <td>会员频道</td>
                            <td>商城公告</td>
                        </tr>
                        <tr>
                            <td>鸿蒙智行</td>
                            <td>华为手机</td>
                            <td>平板</td>
                            <td>电脑</td>
                            <td>音频服务</td>
                            <td>智慧屏服务</td>
                        </tr>
                        <tr>
                            <td>影音娱乐</td>
                            <td>运动健康</td>
                            <td>耳机音箱</td>
                            <td>智慧屏</td>
                            <td>穿戴服务</td>
                            <td>其他服务</td>
                        </tr>
                        <tr>
                            <td>教育购</td>
                            <td></td>
                            <td>智能家居</td>
                            <td>鸿蒙智行</td>
                            <td>以旧换新</td>
                            <td>补购服务</td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                            <td>数码配件</td>
                            <td>生态周边</td>
                            <td></td>
                            <td></td>
                        </tr>
                    </table>
                </li>
                <li><a href="#">手机版</a>
                    <span>|</span>
                    <div class="sjb">
                        <div class="sjb-box">
                            <div class="sjb-img">
                                <img src="../img/fxewm.png" alt="">
                            </div>
                            <div class="sjb-ms">
                                <p>华为商城APP</p>
                                <p>新人有礼</p>
                                <p>立即前往福利专区</p>
                                <p>
                                    <img src="../img/wx.png" alt="">
                                    <img src="../img/pg.png" alt="">
                                    <img src="../img/xt.png" alt="">
                                </p>
                            </div>
                        </div>
                        
                        <div class="sjb-box">
                            <div class="sjb-img">
                            <img src="../img/fxewm.png" alt="">
                        </div>
                        <div class="sjb-ms">
                            <p>华为商城公众号</p>
                            <p>微信扫一扫</p>
                            <p>
                                <img src="../img/wx.png" alt="">
                            </p>
                        </div>
                        </div>
                        
                        <div class="sjb-box">
                            <div class="sjb-img">
                            <img src="../img/fxewm.png" alt="">
                            </div>
                            <div class="sjb-ms">
                                <p>华为商城小程序</p>
                                <p>
                                    <img src="../img/wx.png" alt="">
                                </p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="gwc">
                    <a href="#">
                        <img src="/HUAWEI/img/care.png" alt="">
                        <span>购物车(0)</span>
                    </a>
                    <div class="gmwp">
                        <img src="../img/kcare.png" alt="">
                        <p>您的购物车是空的，赶紧选购吧~</p>
                    </div>
                </li>
            </ul>
        </nav>
    </div>
    <!-- 黑色导航栏 end -->
    <!-- 白色导航栏 start -->
    <div class="light-nav">
        <nav class="light">
            <div class="light-left">
                <img src="/HUAWEI/img/logo_app.png" alt="华为Logo">
                <h3>确认订单</h3>
            </div>
            <div class="light-right">
                <div class="progress-indicator">
                    <div class="step">
                        <span class="icon">●</span><br>
                        <span class="label">填写核对订单</span>
                    </div>
                    <div class="step">
                        <span class="icon">●</span><br>
                        <span class="label">成功提交订单</span>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <!-- 白色导航栏 end -->
     <!-- 收货地址 start -->
      <div class="Address">
        <h3>收货地址</h3>
        <!-- <textarea name="" id=""></textarea> -->
         <p>+添加收获地址</p>
      </div>
     <!-- 收货地址 end-->
      <!-- 商品信息 start -->
       <div class="order-detail-area">
        <div class="order-list">
            <div class="clearfix">
                <img src="/弹性网格布局/img/1 (25).jpeg" alt="" >
                <ul>
                    <li>HUAWEI WATCH GT 5 Pro（42mm）陶瓷白 白色陶瓷表带</li>
                    <li>×1</li>
                    <li>￥4688.00</li>
                </ul>
            </div>
        </div>
        
        <ul class="newGiftClass">
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <div class="order-total"></div>
       </div>
      <!-- 商品信息  end-->
     <script src="/HUAWEI/js/buyNow.js"></script>
</body>
</html>